<template>
    <div class="my-collect-wrapper">
      <div class="collect-list">
        <div class="collect-item">
          <div class="collect-item-img">
            <img src="/static/mock-image/intro.jpg" alt="" class="collect-img">
          </div>
          <div class="collect-title no-wrap">如何激励你的员工</div>
          <div class="collect-info v-flex-row-between">
            <div class="price no-wrap">¥ 5000.00</div>
            <div class="collect-icon">
              <img src="/static/image/common/collect_icon.png" alt="" class="collect-icon-icon">
            </div>
          </div>
        </div>
        <div class="collect-item">
          <div class="collect-item-img">
            <img src="/static/mock-image/intro.jpg" alt="" class="collect-img">
          </div>
          <div class="collect-title no-wrap">如何激励你的员工</div>
          <div class="collect-info v-flex-row-between">
            <div class="price no-wrap">¥ 5000.00</div>
            <div class="collect-icon">
              <img src="/static/image/common/collect_icon.png" alt="" class="collect-icon-icon">
            </div>
          </div>
        </div>
        <div class="collect-item">
          <div class="collect-item-img">
            <img src="/static/mock-image/intro.jpg" alt="" class="collect-img">
          </div>
          <div class="collect-title no-wrap">如何激励你的员工</div>
          <div class="collect-info v-flex-row-between">
            <div class="price no-wrap">¥ 5000.00</div>
            <div class="collect-icon">
              <img src="/static/image/common/collect_icon.png" alt="" class="collect-icon-icon">
            </div>
          </div>
        </div>
        <div class="collect-item">
          <div class="collect-item-img">
            <img src="/static/mock-image/intro.jpg" alt="" class="collect-img">
          </div>
          <div class="collect-title no-wrap">如何激励你的员工</div>
          <div class="collect-info v-flex-row-between">
            <div class="price no-wrap">¥ 5000.00</div>
            <div class="collect-icon">
              <!--收藏-->
              <img src="/static/image/common/collect_icon.png" alt="" class="collect-icon-icon">
              <!--取消收藏-->
              <!--<img src="" alt="">-->
            </div>
          </div>
        </div>
      </div>
    </div>
</template>

<script>
  export default {
    name: "myCollect"
  };
</script>

<style scoped lang="less">
  .my-collect-wrapper {
    background-color:@bg_color;
  }
  .collect-list {
    overflow:hidden;
  }
  .collect-item {
    box-sizing: border-box;
    width: 50%;
    float:left;
    padding:37rpx 45rpx 31rpx 45rpx;
    border-bottom:1px solid #EDEDED;
  }
  .collect-img {
    width:300rpx;
    height:170rpx;
    border-radius:10rpx;
  }
  .collect-icon-icon{
    width:35rpx;
    height:33rpx;
  }
  .collect-title {
    color:#333;
    font-size:@font_size_28;
    font-weight:bold;
    padding:17rpx 0rpx 20rpx 0rpx;
  }
  .price {
    color:#FF5050;
    font-size:@font_size_32;
    font-weight:bold;
  }

</style>
